查看原文
其他

Flutter 开发实战资源推荐

鸿洋 鸿洋 2019-04-05

开工第一天,来点轻松的资源推荐。


这是一篇实战类资源推荐,其实Flutter的入门资料官方已经做得很好了,如果你是零基础,还是建议先啃一遍官方的教程,然后再看以下实战资源,相信在你看官方课程中涉及到的一些疑问,下面的资源会有一些刚好能够解答。


入门 Flutter官网:

https://flutter.io/get-started/install/


当然,也有饱含分享精神的同学已经搭建了 Flutter 中文网:

https://flutterchina.club/get-started/install/


1Flutter完整开发实战详解


这是恋猫月亮给大家写的一个系列,之前作者写过移动端跨平台开发的深度解析,也针对RN,Weex,Flutter分别开源了一个复杂度还是比较高,功能超级完整的github客户端。


  • RN 

    https://github.com/CarGuo/GSYGithubAPP 

  • Flutter

    https://github.com/CarGuo/GSYGithubAppFlutter

  • Weex

    https://github.com/CarGuo/GSYGithubAppWeex 


所以作者写的Flutter实战文章肯定也是非常棒的:


  1. Flutter完整开发实战详解(一、Dart语言和Flutter基础)

    https://www.jianshu.com/p/533b5b8d2f71

  2. Flutter完整开发实战详解(二、 快速开发实战篇)

    https://www.jianshu.com/p/5768a999790d

  3. Flutter完整开发实战详解(三、 打包与填坑篇)

    https://www.jianshu.com/p/29ba30d1ee57

  4. Flutter完整开发实战详解(四、 Redux、主题、国际化)

    https://www.jianshu.com/p/34a6224e0cf1


2一些很适合新手练习的Demo


关注本号的几乎都是Android的开发者,那么在学习Flutter,或者在使用Flutter开发项目的时候,本能的就会和Android中开发效果实现想到一起,

例如实现各底部Tab,右滑返回,页面滑动,高斯模糊,图片放大缩小,闪屏页,动画等...


但是很多时候我们在寻找类似效果时,代码比较复杂,并不便于学习。


所以本资源目的,就是最简化的实现各种效果,这样对我们刚接触Flutter的开发者就非常友好了,不至于:



https://github.com/OpenFlutter/Flutter-Notebook


为什么有了官方sample还需要整理这个合集


让代码讲故事


所以我开始整理一些小的demo,专注于单一功能的实现,尽量让代码解释自己,我认为这是学习flutter最快的方式。

每个demo我尽量控制在100行代码以内,让代码讲一个短小但又精彩的故事。其中也有不少国外的哥们写的好的demo也被我收录进来了。


目前包含:


视图


  • BottomNavigationBar底部导航

  • BottomAppBar底部导航

  • SliverAppBar+TabBar顶部导航

  • 高斯模糊(毛玻璃)

  • 切换页面,保持各页面状态

  • 制作一个精美的Material风格搜索框

  • TextField的焦点及动作


功能


  • 返回上一页时弹出提示信息

  • 应用开启进入闪屏页

  • 上拉加载,下拉刷新

  • json自动反序列化

  • 左滑删除ListView中Item

  • 右滑返回上一页

  • 在flutter中截屏


优秀第三方库


  • 应用介绍页——slider

  • 应用介绍页——intro_view

  • 从本地相册选取多张图片

  • 使用url_launcher唤醒功能

  • 拿捏图片放大缩小


动画


  • 基本动画样例

  • 神奇的Hero动画

  • Spinkit——一个很棒的等待动画库

  • AnimatedContainer

  • AnimatedCrossFade


效果图太多,就不贴了。作者还写了日更,为作者的付出精神点赞,不过日更太困难了,周更就很好啦。


3其他


此外还有一些优质的Flutter资源聚合项目


  • https://github.com/AweiLoveAndroid/Flutter-learning

  • https://github.com/yang7229693/flutter-study

  • https://github.com/Solido/awesome-flutter


就不一一介绍了。


另外,关于完整项目,之前推送过:



对于项目还是比较容易搜索的,直接github搜索即可。


也欢迎大家利用一些open api 自己编写:


  • http://wanandroid.com/openapis


推荐阅读




扫一扫 关注我的公众号

如果你想要跟大家分享你的文章,欢迎投稿~


┏(^0^)┛明天见!

    您可能也对以下帖子感兴趣

    文章有问题?点此查看未经处理的缓存